<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // es6解构赋值  
        // 快速从数组或者对象中获取数据 


        // 解构数组 :
        //      var [变量] = 原数组;
        //      按照索引顺序 依次给变量赋值  


        // 解构多维数组 
        //      数组怎么写 解构怎么写  数据换成变量  

        //    比如 var arr =  [1,2,[3,4[5,6,[7,8,[9,10]]]]]
        //        var [变量1,变量,[变量3,变量4[变量5,变量6,[变量7,变量8,[变量9,变量10]]]]] = arr;
        // var arr1 = [100,23,49,231,78,256];
        // var a = arr1[0];
        // var b = arr1[1];
        // var c = arr1[2];
        // var d = arr1[3];
        // var e = arr1[4];
        // var f = arr1[5];
        // console.log(a,b,c,d,e,f);


        // var arr2 = [1,2,[3,4,[5,6,[7,8,[9]]]]];
        // var a1 = arr2[0];
        // var a2 = arr2[1];
        // var a3 = arr2[2][0];
        // var a4 = arr2[2][1];
        // var a5 = arr2[2][2][0];
        // var a6 = arr2[2][2][1];
        // var a7 = arr2[2][2][2][0];
        // var a8 = arr2[2][2][2][1];
        // var a9 = arr2[2][2][2][2][0];
        // console.log(a1,a2,a3,a4,a5,a6,a7,a8,a9);


        // var arr1 = [100,23,49,231,78,256];

        // var [a,b,c,d,e,f] = arr1;
        // console.log(a,b,c,d,e,f);


        // var arr2 = [1,2,[3,4,[5,6,[7,8,[9]]]]];
        // var [a1,a2,[a3,a4,[a5,a6,[a7,a8,[a9]]]]] = arr2
        // console.log(a1,a2,a3,a4,a5,a6,a7,a8,a9);

        // -------------------------------

        // 解构对象  

        //  语法:
        //      var {key } = 对象;   // key 是对象的键
        // 注意事项  大括号中变量的名字 要跟 对象的键一样 
        // 如果不一样 得到结果是undefined 

            //  定义一个变量  获取的是对象中 跟这个变量名重名的键对应的值  

        // 起别名 
        //var {key:别名 } = 对象;
        // 如果起了别名 必须使用别名  不能使用原来的名字 



        // 结构多维对象 
            //    多维对象怎么写 解构怎么写  数据换成变量  


        // -----------------------------
        // var obj = {name:'张三',age:19,height:'181cm'};

        // var username = obj.name;
        // var userage = obj.age;
        // var userheight = obj.height;

        // console.log(username,userage,userheight);

        // with(obj){
        //     var username = name;
        //     var userage = age;
        //     var userheight = height;
        // }
        // console.log(username,userage,userheight);


        // 解构 

        // var {name,age,height} = obj;
        // // 注意事项  大括号中变量的名字 要跟 对象的键一样 
        // // 如果不一样 结果是undefined 
        // console.log(name,age,height);

        // 起别名
        // var {name:n,age:a,height:h} = obj;
        // console.log(n,a,h);



        // var obj = {
        //     name:'panda',
        //     age:18,
        //     gender:'男',
        //     info:{
        //         weight:'130kg',
        //         height:'181cm',
        //         address:{
        //             city:'山东济南'
        //         },
        //         hobby:['吃饭','睡觉','打豆豆']
        //     }
        // };


        // var {
        //     name,
        //     age:a,
        //     gender:g,
        //     info:{
        //         weight,
        //         height,
        //         address:{
        //             city:c
        //         },
        //         hobby
        //     }

        // } = obj;


        // console.log(name,a,g,weight,height,c,hobby);


    </script>
</body>
</html>